<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>视频</title>
		<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}" />
		<link rel="stylesheet" th:href="@{/css/BVideo.css}" />
	</head>
	<style>
		.high{background-color: red}
		a{
			text-decoration:none;
			color: black;
		}
	</style>
	<body>
		<div class="container-fluid bmTopDiv">
			<div class="col-md-1 bmTopLogoFont">
				<h3>BhSyVideo</h3>
			</div>
			<div class="col-md-2 bmTopXxDiv">
				<ul class="">
					<li class="bmToplif"><a style="text-decoration: none;color: white" th:href="@{/bhsy/theMain}"> 首页</a></li>
				</ul>
			</div>
		</div>
		<div class="container-fluid bvCenterDiv">
			<ul class="bvCenterUl">
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/生活/1'}">生活</a></li>
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/鬼畜/1'}">鬼畜</a></li>
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/动画/1'}">动画</a></li>
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/游戏/1'}">游戏</a></li>
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/音乐/1'}">音乐</a></li>
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/舞蹈/1'}">舞蹈</a></li>
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/动物/1'}">动物</a></li>
			</ul>
			<ul class="bvCenterUl">
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/生活/1'}">生活</a></li>
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/鬼畜/1'}">鬼畜</a></li>
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/动画/1'}">动画</a></li>
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/游戏/1'}">游戏</a></li>
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/音乐/1'}">音乐</a></li>
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/舞蹈/1'}">舞蹈</a></li>
				<li class="col-md-1 bvCenterli"><a th:href="${'/likesel/动物/1'}">动物</a></li>
			</ul>

<!--			<button style="width: 50px;border-radius: 20px;opacity: 0.7;position: relative;left: 200px;top: 140px" id="shuaxin"><a href="#">刷新</a></button>-->
			<div class="BAllVideoDiv">
				<span  th:each="v : ${list}">
					<a th:href="${'/bhsy/video/'+v.uid+'/'+v.vid}">
					<div class="bvideoDiv">
						<img class="bvideoImg" th:src="${v.vImg}" />
						<div class="bvideoImgDiv" >

						</div>
						<p th:text="${v.uName}">userName</p>
						<p th:text="${v.vName}">uploadTime</p>
					</div>
					</a>
				</span>

				<div style="height: 5%; width: 30%;margin-left: 39%; margin-top: 85%;" id="fy2">
					<a th:href="${'/'+url+'/'+l+'/'+p}">首页</a>
					<span th:each=" p: ${page.navigatepageNums}">
						<a th:href="${'/'+url+'/'+l+'/'+p}"
						   th:text="${p}"
						   th:class="${ p==page.pageNum ? 'high' : ''}">1</a>
       				 </span>
					<a th:href="${'/'+url+'/'+l+'/'+page.pages}">尾页</a>
				</div>
			</div>
		</div>

	</body>
	<script th:src="@{/js/jquery-360.min.js}"></script>
	<script th:src="@{/js/BVdeo.js}"></script>

</html>
